<template>
  <div>
    <b-container class="bv-example-row">
      <b-row>
        <b-col><b-table striped hover :items="items.data"></b-table></b-col>
      </b-row>
      <b-row>
        <b-col>
          <b-pagination size="md" :total-rows="100" v-model="currentPage" :per-page="10"  align="right"  @mouseover.native="getGoodsList()"></b-pagination>
          <div>第: {{ currentPage }}页</div>
        </b-col>
      </b-row>
    </b-container>
    <b-button @click="sortGoods()" href="javascript:">排序</b-button>
    　　我们跌进又一次的轮回，时光在随着枯叶的逝去而逝去，抬眼回眸，遥远的星空点缀着静夜，孤独的在漆黑的夜空流泪，人生如冰，一个人的心可以冷若冰霜，但始终无法洁入冰霜，站的完美的，不一定最好，最好的，不一定无伤。

    　　尘封，把往事埋葬，不想打开，落叶，生命的枯竭。

    　　风，吹落了我们多少叶子，夜间流淌着的潺潺细流，最终还是无法挣脱孤独的囚困，大海在月夜中闪着万点星光，极目之处，无边无界，我却不能再进一步。想你变成一种习惯，年华消失不见，寂寥的背影，消失在时光的彼岸。

    　　如果阳光照向大地，那是我在想你。

    　　每一日，陪伴我的，只有黑暗。谁的心是完好如初的呢？

    　　孤独的逝去，是意味着夜的来临。

    　　孤独

    　　时光的逝去

    　　夜的黑

    　　一个人享受孤独的黄昏

    　　就这样吧
    {{ items }}

  </div>
</template>

<script>
    import axios from 'axios'

    export default {
      name: "PageLayout",
      data(){
        return {

          roomid: '1',
          // 定义一个列表存储返回数据
          items: [],
          // 设置默认页码
          currentPage: 1,
        }

      },
      mounted(){
        //初始化一下接口，这样呢在加载的时候就会自动调用接口
        this.getGoodsList();
      },
      methods: {
        // getGoodsList
        getGoodsList: function() {
          alert(currentPage);
          axios.get("http://192.168.0.144:9999/txcjapi/storage/", {
            params: { roomid:this.roomid, page:this.currentPage }
          }).then(res => {
            this.items = res.data
          })
            .catch((error) => {
              this.msg = error
            })
        },

      }
    }
</script>

<style scoped>

</style>


